<template>
	<view class="my">
	<view class="myTop">
	   <view class="myTopRight">
	   	<image src="../../static/img/default_icon.png" class="defaultImg"></image>
	   </view>
	   <view class="myTopLeft">
			<view class="myTopLeftCon">
				<view class="myTopLeftName">
					未知
				</view>
				<view class="myTopLeftDes">
					待统一认证接口开发接入
				</view>
			</view>
			<view class="myTopLeftClose">
				<image src="../../static/img/close.png" class="closeImg"></image>
			</view>
	   </view>
	</view>
	<view class="myMid" @click="goMyOrder">
	   <view class="myMidRight">
	   	<image src="../../static/img/l_icon.png" class="listImg"></image>
	       <text class="likeTip">我的订单</text>
	   </view>
	   <view class="myMidLeft">
	   	<image src="../../static/img/right.png" class="nextImg"></image>
	   </view>
	</view>
	<view class="myBottom" @click="goMyConcern">
	    <view class="myBottomRight">
			<image src="../../static/img/like_icon.png" class="likeImg"></image>
	        <text class="likeTip">我的关注</text>
	    </view>
		<view class="myBottomLeft">
			<image src="../../static/img/right.png" class="nextImg"></image>
		</view>
	</view>
	</view>
</template>

<script>
		export default {
			data () {
				return {
					// title: ' 我的'
				}
			},
			methods: {
				goMyOrder(){
					uni.navigateTo({
						url: '/pages/scenicOrder/index',
						animationType: 'pop-in',
						animationDuration: 200
					});
				},
				goMyConcern(){
					uni.navigateTo({
						url: '/pages/scenicOrder/concern',
						animationType: 'pop-in',
						animationDuration: 200
					});
				}
			}
		}
</script>

<style>
	.my{
		background: #F5F5F5;
		height:100%;
	}
	.myTop,.myTopLeft{
		display: flex;
		justify-content: flex-start;
	}
	.myTopRight{
		margin-left: 30upx;
		margin-top: 30upx;
	}
	.myTop{
		background: #ffffff;
		padding: 50upx 20upx;
		border-bottom: 1px solid #F5F5F5;
		border-top: 1px solid #F5F5F5;
	}
	.myTopLeftCon{
		margin-left: 20upx;
		margin-top: 20upx;
	}
	.myTopLeftClose{
		margin-left: 210upx;
		margin-top: 40upx;
	}
	.defaultImg{
		height: 120upx;
		width: 120upx;
	}
	.myTopLeftName{
		margin-bottom: 20upx;
		/* font-size: 25upx; */
		font-weight: bold;
	}
	.closeImg{
		height: 40upx;
		width: 38upx;
		margin-right: 50upx;
	}
	.myMid,.myBottom{
		background: #ffffff;
		padding: 40upx;
		display: flex;
		justify-content: space-between;
	}
	.myBottom{
		margin-top: 20upx;
	}
	.listImg{
		height: 28upx;
		width: 20upx;
	}
	.likeTip{
		margin-left: 20upx;
	}
	.likeImg{
		height: 28upx;
		width: 28upx;
	}
	.nextImg{
		height: 20upx;
		width: 10upx;
	}
</style>
